{{define "Title"}}Split Box{{end}}
{{define "Content"}}

<script type=text/javascript src="/js/enterKey.js"></script>
<script type=text/javascript src="/js/datefmt.js"></script>
<script type=text/javascript src="/js/splitbox.js"></script>

<div class="container-fluid">
<form class="form-horizontal" action="/splitbox" method="POST">
  <fieldset>
    <legend><b>Split Box</b></legend>
    <div class="control-group">
      <label class="control-label">Source Box&nbsp;</label>
      <div class="control">
        <input type="text" class="input-large" id="oldbox" name="oldbox" style="font-weight: bold;background-color:#FFFFD0;text-transform:uppercase;" onkeydown="clicka();" maxlength="30"> <b style="color: red">*</b>
      </div>
    </div>
    <div class="control-group">
      <label class="control-label">Target Box&nbsp;</label>
      <div class="control">
        <input type="text" class="input-large" id="boxinput" name="boxinput" style="font-weight: bold;background-color:#FFFFD0;text-transform:uppercase;" onkeydown="clicka();" maxlength="30"> <b style="color: red">*</b>
      </div>
    </div>
    <div class="control-group">
      <label class="control-label">Base Qty&nbsp;</label>
      <div class="control">
        <input type="text" class="input-large" id="baseqty" name="baseqty" style="font-weight: bold;background-color: #FFFFD0" onkeydown="clicka();" value=""> <b style="color: red">*</b>
      </div>
    </div>
    <div class="control-group">
      <label class="control-label">Packed Qty&nbsp;</label>
      <div class="control">
        <label class="control-label" id="packqty" name="packqty" style="font-weight: bold; text-align:left; padding-left:10px;">0</label>
      </div>
    </div>
  </fieldset>
</form>
</div>
<span id=result style="font-size: 16px;"></span>
<br/>
<br/>
<label style="font-size: 14px;"><b>Product No.</b></label><input type=text name=ssn class="input-xlarge" style="font-weight: bold; text-transform:uppercase; background-color: #FFFFD0;" onkeydown="txtKeyDown();" maxlength="50"> <b style="color: red">*</b>

<input type=button id="btnpack" value="Packed" style="display:none">

<br/>
<textarea id="flowdetail" value="" style="background:transparent;border-style:none;color:blue;width:800px;height:180px;leading:100;line-height:1.5;overflow-y:hidden;" readonly></textarea>

{{end}}